<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link href="css/copy_reset.css" rel="stylesheet" />
    <link href="css/copy_common.css" rel="stylesheet" />
    <link href="css/copy_common.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
  </head>
  <body>
    <div class="box">
      <div class="headerBar">
        <div class="topBar">
          <div class="comWidth">
            <div class="leftArea">
              <a href="#" class="collection">收藏慕课</a>
            </div>
            <div class="rightArea">
              <span>欢迎来到慕课网</span>
              <a href="login.html">[登录]</a>
              <a href="register.html">[免费注册]</a>
            </div>
          </div>
        </div>

        <div class="logoBar">
          <div class="comWidth">
            <div class="logo fl">
              <a href="index.html"><img src="img/logo.png" alt="慕课网"></a>
            </div>
            <div class="search_box fl">
              <input type="text" class="search_text fl" />
              <input type="button" class="search_btn fr" value="搜索" />
            </div>
            <div class="shopCar fr">
              <span class="shopText fl">购物车</span>
              <span class="shopNum fl">0</span>
            </div>
          </div>
        </div>

        <div class="navBox">
          <div class="comWidth">
            <div class="shopClass fl">
              <h3>全部商品分类<i></i></h3>
              <div class="shopClass_show">
                <dl class="shopClass_item">
                  <dt>
										<a href="product.html" class="b">手机</a>
										<a href="product.html" class="b">数码</a>
										<a href="product.html" class="aLink">合约机</a>
								  </dt>
                  <dd>
                    <a href="product.html">荣耀3X</a>
                    <a href="product.html">单反</a>
                    <a href="product.html">智能设备</a>
                  </dd>
                </dl>
                <dl class="shopClass_item">
                  <dt>
										<a href="product.html" class="b">手机</a>
										<a href="product.html" class="b">数码</a>
										<a href="product.html" class="aLink">合约机</a>
								  </dt>
                  <dd>
                    <a href="product.html">荣耀3X</a>
                    <a href="product.html">单反</a>
                    <a href="product.html">智能设备</a>
                  </dd>
                </dl>
                <dl class="shopClass_item">
                  <dt>
										<a href="product.html" class="b">手机</a>
										<a href="product.html" class="b">数码</a>
										<a href="product.html" class="aLink">合约机</a>
								  </dt>
                  <dd>
                    <a href="product.html">荣耀3X</a>
                    <a href="product.html">单反</a>
                    <a href="product.html">智能设备</a>
                  </dd>
                </dl>
                <dl class="shopClass_item">
                  <dt>
										<a href="product.html" class="b">手机</a>
										<a href="product.html" class="b">数码</a>
										<a href="product.html" class="aLink">合约机</a>
								  </dt>
                  <dd>
                    <a href="product.html">荣耀3X</a>
                    <a href="product.html">单反</a>
                    <a href="product.html">智能设备</a>
                  </dd>
                </dl>
                <dl class="shopClass_item">
                  <dt>
										<a href="product.html" class="b">手机</a>
										<a href="product.html" class="b">数码</a>
										<a href="product.html" class="aLink">合约机</a>
								  </dt>
                  <dd>
                    <a href="product.html">荣耀3X</a>
                    <a href="product.html">单反</a>
                    <a href="product.html">智能设备</a>
                  </dd>
                </dl>
              </div>

              <div class="shopClass_list hide">
                <div class="shopClass_cont">
                  <dl class="shopList_item">
                    <dt>电脑整机</dt>
                    <dd>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                    </dd>
                  </dl>
                  <dl class="shopList_item">
                    <dt>装机配件</dt>
                    <dd>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                    </dd>
                  </dl>
                  <dl class="shopList_item">
                    <dt>整机附件</dt>
                    <dd>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                    </dd>
                  </dl>
                  <dl class="shopList_item">
                    <dt>电脑外设</dt>
                    <dd>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                    </dd>
                  </dl>
                  <dl class="shopList_item">
                    <dt>网络设备</dt>
                    <dd>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                    </dd>
                  </dl>
                  <dl class="shopList_item">
                    <dt>音频设备</dt>
                    <dd>
                      <a href="#">笔记本</a>
                      <a href="#">超级本</a>
                      <a href="#">上网本</a>
                      <a href="#">平板电脑</a>
                      <a href="#">台式机</a>
                    </dd>
                  </dl>

                  <div class="shopList_links">
                    <a href="#">电脑整机频道<span></span></a>
                    <a href="#">硬件/外设频道<span></span></a>
                  </div>
                </div>
              </div>
            </div>
            <ul class="nav fl">
              <li>
                <a href="#" class="active">数码城</a>
              </li>
              <li>
                <a href="#">天嘿嘿</a>
              </li>
              <li>
                <a href="#">团购</a>
              </li>
              <li>
                <a href="#">发现</a>
              </li>
              <li>
                <a href="#">二手特卖</a>
              </li>
              <li>
                <a href="#" class="nobor">名品会</a>
              </li>
            </ul>
          </div>
        </div>
      </div>

      <!--Banner部分-->
      <div class="banner comWidth clearfix">
        <div class="banner_bar banner_big">
          <ul class="imgBox">
            <li>
              <a href="proIntroduce.html"><img src="img/banner_01.png" alt="banner" /></a>
            </li>
            <li>
              <a href="proIntroduce.html"><img src="img/banner_02.png" alt="banner" /></a>
            </li>
          </ul>
          <div class="imgNum">
            <a href="#" class="active"></a>
            <a href="#"></a>
            <a href="#"></a>
          </div>
        </div>
      </div>

      <!--商品标题一-->
      <div class="shopTit comWidth">
        <span class="icon"></span>
        <h3>家用电脑</h3>
        <a href="product.html" class="more">更多&gt;&gt;</a>
      </div>
      <!--商品列表一-->
      <div class="shopList comWidth clearfix">
        <div class="leftArea">
          <div class="banner_bar banner_sm">
            <ul class="imgBox">
              <li>
                <a href="proIntroduce.html"><img src="img/banner_sm_01.png" alt="banner" /></a>
              </li>
              <li>
                <a href="proIntroduce.html"><img src="img/banner_sm_02.png" alt="banner" /></a>
              </li>
            </ul>
          </div>
        </div>
        <div class="rightArea">
          <div class="shopList_top clearfix">
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
          </div>
          <!--商品右侧底部-->
          <div class="shopList_sm">
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_01.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_02.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_03.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_04.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!--商品标题二-->
      <div class="shopTit comWidth">
        <span class="icon"></span>
        <h3>家用电脑</h3>
        <a href="product.html" class="more">更多&gt;&gt;</a>
      </div>
      <!--商品列表二-->
      <div class="shopList comWidth clearfix">
        <div class="leftArea">
          <div class="banner_bar banner_sm">
            <ul class="imgBox">
              <li>
                <a href="proIntroduce.html"><img src="img/banner_sm_01.png" alt="banner" /></a>
              </li>
              <li>
                <a href="proIntroduce.html"><img src="img/banner_sm_02.png" alt="banner" /></a>
              </li>
            </ul>
          </div>
        </div>
        <div class="rightArea">
          <div class="shopList_top clearfix">
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
            <div class="shop_item">
              <div class="shop_img">
                <a href="proIntroduce.html"><img src="img/shopImg.png" alt="shop" /></a>
              </div>
              <h3>HTC新渴望8系列</h3>
              <p>1889元</p>
            </div>
          </div>
          <!--商品右侧底部-->
          <div class="shopList_sm">
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_01.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_02.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_03.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
            <div class="shopItem_sm">
              <div class="shopItem_smImg">
                <a href="proIntroduce.html"><img src="img/shopItem_smImg_04.png" alt="" /></a>
              </div>
              <div class="shopItem_text">
                <p>NFC技术一碰轻松配对！接触屏幕</p>
                <h3>￥149.00</h3>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="hr_25"></div>
      <!--底部版权区-->
      <div class="footer">
        <p>
          <a href="#">慕课简介</a>
          <i>|</i>
          <a href="#">慕课公告</a>
          <i>|</i>
          <a href="#">招纳贤士</a>
          <i>|</i>
          <a href="#">联系我们</a>
          <i>|</i>
          <a href="#">客服热线：400-675-1234</a>
        </p>
        <p>
          Copyright © 2006 - 2018 慕课版权所有&nbsp;&nbsp;&nbsp;京ICP备09037834号 &nbsp;&nbsp;&nbsp;某市公安局龙潭分局备案编号：32432421231
        </p>
        <p class="web">
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
          <a href="#"><img src="img/webLogo.png" alt="logo"></a>
        </p>
      </div>
    </div>
  </body>
</html>